<template>
  <div class="comment">
    <Row>
      <Col span="2"
        ><div class="name">{{ comment.username }}</div>
      </Col>
      <Col
        ><div class="time">{{ comment.createdAt | timefmt }}</div></Col
      >
    </Row>
    <div class="content">{{ comment.content }}</div>
  </div>
</template>

<script>
export default {
  props: {
    comment: Object
  }
};
</script>

<style lang="scss" scoped>
.comment {
  margin: 10px 0;
  border-bottom: 1px dashed $color;
  .name {
    color: $color;
  }
}
</style>
